﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../Js/Jquery/core/jquery.core.js"></script>
    <link href="../Views/Project/Css/view.project.css" rel="stylesheet" />
    <link href="../Css/Core/CBase.css" rel="stylesheet" />
    <style>
        .textbox-other {
            display: none;
        }
    </style>
    <script>
        $(function () {
            $("input:checkbox.checkbox-other").change(function () {
                var textboxid = "#" + $(this).attr("textboxid");
                if ($(this).is(":checked")) {
                    $(textboxid).show();
                }
                else {
                    $(textboxid).hide();
                }
            });
            $('input[name^=rad_other_]').change(function () {
                var textboxid = $(this).attr("textboxid") || "";
                if (textboxid) {
                    $("#" + textboxid).show();
                    $('input[name^=rad_other_]').attr("has_textboxid", textboxid);
                }
                else {
                    textboxid = $(this).attr("has_textboxid") || "";
                    if (textboxid)
                        $("#" + textboxid).hide();
                }
            });
        });

    </script>
</head>
<body>
    <ul class="project-question-list">
        <li><span class="project-question-symbol">Q.</span><span>1. Theo bạn, khí hậu nào bạn thích nhất?</span>
            <ul class="project-question-list-sub">
                <li>
                    <input type="checkbox" id="chk_1a" class="regular-checkbox big-checkbox" />
                    <label for="chk_1a">
                    </label>
                    <label for="chk_1a" class="project-question-text">
                        Ôn đới</label>
                </li>
                <li>
                    <input type="checkbox" id="chk_1b" class="regular-checkbox big-checkbox" />
                    <label for="chk_1b">
                    </label>
                    <label for="chk_1b" class="project-question-text">
                        Cận nhiệt đới</label>
                </li>
                <li>
                    <input type="checkbox" id="chk_1c" class="regular-checkbox big-checkbox" />
                    <label for="chk_1c">
                    </label>
                    <label for="chk_1c" class="project-question-text">
                        Nhiệt đới</label>
                </li>
                <li>
                    <input type="checkbox" id="chk_1d" class="regular-checkbox big-checkbox" />
                    <label for="chk_1d">
                    </label>
                    <label for="chk_1d" class="project-question-text">
                        Hàn đới</label>
                </li>
            </ul>
        </li>
        <li><span class="project-question-symbol">Q.</span><span>1x. Theo bạn, khí hậu nào bạn thích nhất?</span>
            <ul class="project-question-list-sub">
                <li>
                    <input type="checkbox" id="chk_1ax" class="regular-checkbox big-checkbox" />
                    <label for="chk_1ax">
                    </label>
                    <label for="chk_1ax" class="project-question-text">
                        Ôn đới</label>
                </li>
                <li>
                    <input type="checkbox" id="chk_1bx" class="regular-checkbox big-checkbox" />
                    <label for="chk_1bx">
                    </label>
                    <label for="chk_1bx" class="project-question-text">
                        Cận nhiệt đới</label>
                </li>
                <li>
                    <input type="checkbox" id="chk_1cx" class="regular-checkbox big-checkbox" />
                    <label for="chk_1cx">
                    </label>
                    <label for="chk_1cx" class="project-question-text">
                        Nhiệt đới</label>
                </li>
                <li>
                    <input type="checkbox" id="chk_1dx" textboxid="txt_chk_1dx" class="regular-checkbox big-checkbox checkbox-other" />
                    <label for="chk_1dx">
                    </label>
                    <label for="chk_1dx" class="project-question-text">Khác</label>
                    <input type="text" id="txt_chk_1dx" class="regular-textbox big-textbox textbox-other" />
                </li>
            </ul>
        </li>
        <li><span class="project-question-symbol">Q.</span><span>2. Theo bạn, khí hậu nào bạn thích nhất?</span>
            <ul class="project-question-list-sub">
                <li>
                    <input type="radio" id="rad_2a" name="rad_2" class="regular-radio big-radio" />
                    <label for="rad_2a">
                    </label>
                    <label for="rad_2a" class="project-question-text">
                        Ôn đới</label>
                </li>
                <li>
                    <input type="radio" id="rad_2b" name="rad_2" class="regular-radio big-radio" />
                    <label for="rad_2b">
                    </label>
                    <label for="rad_2b" class="project-question-text">
                        Cận nhiệt đới</label>
                </li>
                <li>
                    <input type="radio" id="rad_2c" name="rad_2" class="regular-radio big-radio" />
                    <label for="rad_2c">
                    </label>
                    <label for="rad_2c" class="project-question-text">
                        Nhiệt đới</label>
                </li>
                <li>
                    <input type="radio" id="rad_2d" name="rad_2" class="regular-radio big-radio" />
                    <label for="rad_2d">
                    </label>
                    <label for="rad_2d" class="project-question-text">
                        Hàn đới</label>
                </li>
            </ul>
        </li>
        <li><span class="project-question-symbol">Q.</span><span>2x. Theo bạn, khí hậu nào bạn thích nhất?</span>
            <ul class="project-question-list-sub">
                <li>
                    <input type="radio" id="rad_2ax" name="rad_other_xxx" class="regular-radio big-radio" />
                    <label for="rad_2ax">
                    </label>
                    <label for="rad_2ax" class="project-question-text">
                        Ôn đới</label>
                </li>
                <li>
                    <input type="radio" id="rad_2bx" name="rad_other_xxx" class="regular-radio big-radio" />
                    <label for="rad_2bx">
                    </label>
                    <label for="rad_2bx" class="project-question-text">
                        Cận nhiệt đới</label>
                </li>
                <li>
                    <input type="radio" id="rad_2cx" name="rad_other_xxx" class="regular-radio big-radio" />
                    <label for="rad_2cx">
                    </label>
                    <label for="rad_2cx" class="project-question-text">
                        Nhiệt đới</label>
                </li>
                <li>
                    <input type="radio" id="rad_2dx" textboxid="txt_rad_2dx" value="132" name="rad_other_xxx" class="regular-radio big-radio radio-other" />
                    <label for="rad_2dx">
                    </label>
                    <label for="rad_2dx" class="project-question-text">
                        Khác</label>
                    <input type="text" id="txt_rad_2dx" class="regular-textbox big-textbox textbox-other" />
                </li>
            </ul>
        </li>
        <li><span class="project-question-symbol">Q.</span><span>3. Theo bạn, khí hậu nào bạn thích nhất?</span>
            <ul class="project-question-list-sub">
                <li>
                    <input type="text" id="txt_scale_3" class="regular-textbox big-textbox" />
                </li>
            </ul>
        </li>
        <li><span class="project-question-symbol">Q.</span><span>4. Theo bạn, khí hậu nào bạn thích nhất?</span>
            <ul class="project-question-matrix">
                <li>&nbsp;</li>
                <li>d1</li>
                <li>d2</li>
                <li>d3</li>

                <li class="newline">c1</li>
                <li>
                    <input type="radio" id="rad_matrix_1_1" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_1_1"></label>
                </li>
                <li>
                    <input type="radio" id="rad_matrix_1_2" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_1_2"></label>
                </li>
                <li>
                    <input type="radio" id="rad_matrix_1_3" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_1_3"></label>
                </li>

                <li class="newline">c2</li>
                <li>
                    <input type="radio" id="rad_matrix_2_1" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_2_1"></label>
                </li>
                <li>
                    <input type="radio" id="rad_matrix_2_2" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_2_2"></label>
                </li>
                <li>
                    <input type="radio" id="rad_matrix_2_3" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_2_3"></label>
                </li>

                <li class="newline">c3</li>
                <li>
                    <input type="radio" id="rad_matrix_3_1" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_3_1"></label>
                </li>
                <li>
                    <input type="radio" id="rad_matrix_3_2" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_3_2"></label>
                </li>
                <li>
                    <input type="radio" id="rad_matrix_3_3" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_matrix_3_3"></label>
                </li>
            </ul>


        </li>
        <li><span class="project-question-symbol">Q.</span><span>4. Theo bạn, khí hậu nào bạn thích nhất?</span>
            <ul class="project-question-matrix">

                <li>From</li>
                <li>
                    <input type="radio" id="rad_scale_1" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_scale_1"></label>
                </li>
                <li>
                    <input type="radio" id="rad_scale_2" name="rad_matrix" class="regular-radio big-radio" />
                    <label for="rad_scale_2"></label>
                </li>
                <li>To
                </li>
            </ul>


        </li>
    </ul>
</body>
</html>
